<template>
    <div id="xshl">
        <div id="d1">
            <span class="iconfont nn">&#xe614;</span>
            <span>限时好礼</span>
            <span></span>
            <span></span>
        </div>
        <p id="p1">金币换好礼</p>
        <div id="d2">
            <a class="a1" href="#">
                <img class="img1" src="https://fuss10.elemecdn.com/c/66/89cc6ef54261bbd98b94deeff2546jpeg.jpeg?imageMogr/format/webp/" alt="">
                <div class="d3">
                    <p class="p2">3元饿了么优惠</p>
                    <div class="d4"><span class="span1">99金币</span><span class="span2">¥3</span></div>
                </div>
                <span class="span3">限时优惠</span>
            </a>
            <a class="a1" href="#">
                <img class="img1" src="https://fuss10.elemecdn.com/5/78/5c1ca7ceca079926933ca418c9eb7jpeg.jpeg?imageMogr/format/webp/" alt="">
                <div class="d3">
                    <p class="p2">扫地机器人</p>
                    <div class="d4"><span class="span1">9金币</span><span class="span2">¥99</span></div>
                </div>
                <span class="span3">限时换购</span>
            </a>
            <a class="a1" href="#">
                <img class="img1" src="https://fuss10.elemecdn.com/5/1d/b8e34dee6e362e482499fe0552fbbjpeg.jpeg?imageMogr/format/webp/" alt="">
                <div class="d3">
                    <p class="p2">机械手感键手套装</p>
                    <div class="d4"><span class="span1">99金币</span><span class="span2">¥129</span></div>
                </div>
                <span class="span3">限时换购</span>
            </a>
            
        </div>
        <div id="d5"></div>
        <p id="p3">查看更多<span class="iconfont">&#xe612;</span></p>
    </div>
</template>
<script>
export default {
    
}
</script>
<style lang="stylus" scoped>
    #xshl
        margin-bottom 2.8vw
        background #fff
        border-top 1px solid #eee
        border-bottom .133333vw solid #eee
        margin-bottom 13.3vw
        #d1
            padding-top 5vw
            text-align center
            font-size .4rem
            font-weight 700
            color #333
            .nn
                color #f00
                font-size .4rem
        #p1
            font-size .293333rem
            color #999
            text-align center
            padding-bottom .213333rem
            padding-bottom 2.133333vw
        #d2
            padding 3.2vw 0 4vw 4vw
            white-space nowrap
            .a1
                display inline-block
                position relative
                box-sizing border-box
                width 29.6vw
                margin-right 1.6vw
                .img1
                    width 30.2vw
                    height 25.333333vw
                    margin-bottom 2.533333vw
                .d3
                    .p2
                        font-size .346667rem
                        color #333
                        margin-bottom 1.333333vw
                        overflow hidden
                        white-space nowrap
                        text-overflow ellipsis
                    .d4
                        height 6.4vw
                        line-height 6.4vw
                        .span1
                            font-size .346667rem
                            height 4.8vw
                            line-height 4.8vw
                            color #ff5339
                            margin-right .933333vw
                            max-width 13.333333vw
                            display inline-block
                            vertical-align middle
                        .span2
                            font-size .293333rem
                            color #aaa
                            max-width 10.666667vw
                            display inline-block
                            vertical-align middle
                .span3
                    position absolute
                    top 0
                    left 0
                    font-size .293333rem
                    color #fff
                    background #413d3c
                    padding .666667vw
        #d5
            padding-left 1.333333vw
            padding-bottom 4vw
        #p3
            font-size .346667rem
            color #999
            text-align center
            padding 4vw 0 4.8vw



</style>
